@import "../../scssMixin/generateClassName2.module.scss";
@import "../vars.module.scss";

$--list-var: (
	"shadow-red": $--shadow-red,
	"shadow-orange": $--shadow-orange,
	"shadow-yellow": $--shadow-yellow,
	"shadow-olive": $--shadow-olive,
	"shadow-green": $--shadow-green,
	"shadow-cyan": $--shadow-cyan,
	"shadow-blue": $--shadow-blue,
	"shadow-purple": $--shadow-purple,
	"shadow-mauve": $--shadow-mauve,
	"shadow-pink": $--shadow-pink,
	"shadow-brown": $--shadow-brown,
	"shadow-grey": $--shadow-grey,
	"shadow-black": $--shadow-black,
	"shadow-gray": $--shadow-gray,
);
//生成 如z-shadow-blue,z-shadow-blue-important的 className
@each $i, $color in $--list-var {
	@include z($i, $global: true) {
		box-shadow: $--shadow-size $color;
	}
	//如需提高 color 权重 使用后缀 "-important"的className
	@include z($i + "-important", $global: true) {
		box-shadow: $--shadow-size $color !important;
	}
}

@include z("shadow-blur", $global: true) {
	position: relative;
	&::before {
		content: "";
		display: block;
		background: inherit;
		filter: blur(6px);
		position: absolute;
		width: 100%;
		height: 100%;
		top: 4px;
		left: 4px;
		z-index: -1;
		opacity: 0.4;
		transform-origin: 0 0;
		border-radius: inherit;
		transform: scale(1, 1);
	}
}
